<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分类</title>
    <link rel="stylesheet" href="./classify.css">
    <!--    阿里矢量图-->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1974359_yntsdmfe26.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1975146_z8etnx1mhkl.css">
    <style>
        .layout-Aside{
        }
    </style>
    <script src="../static/js/jquery-3.2.1.min.js"></script>
</head>
<body>
<!--布局容器-->
<section class="Aug-layout-Container">

<!--    &lt;!&ndash;        布局头部 支持滚动&ndash;&gt;-->
<!--    <header class="layout-Section layout-Header is-scroll">-->
<!--        &lt;!&ndash;            布局容器&ndash;&gt;-->
<!--        <div class="Aug-layout-Wrapper" id="js-header">-->
<!--            &lt;!&ndash;                头容器&ndash;&gt;-->
<!--            <div class="Aug-Header-wrap">-->
<!--                &lt;!&ndash;                    头&ndash;&gt;-->
<!--                <div class="Aug-Header">-->
<!--                    &lt;!&ndash;                        头左&ndash;&gt;-->
<!--                    <div class="Aug-Header-left">-->
<!--                        &lt;!&ndash;                            斗鱼图标&ndash;&gt;-->
<!--                        <a class="Aug-Header-logo" href="">-->
<!--                            <svg class="Aug-Header-icon">-->
<!--                                <use xlink:href="#logo_eac22d1"></use>-->
<!--                            </svg>-->
<!--                        </a>-->
<!--                        &lt;!&ndash;                            头菜单容器&ndash;&gt;-->
<!--                        <div class="Aug-Header-menu-wrap">-->
<!--                            &lt;!&ndash;                                头菜单无序列表&ndash;&gt;-->
<!--                            <ul class="Aug-Header-menu">-->
<!--                                <li class="Aug-Header-menu-link">-->
<!--                                    <a href="">首页</a>-->
<!--                                </li>-->
<!--                                <li class="Aug-Header-menu-link">-->
<!--                                    <a href="">直播</a>-->
<!--                                </li>-->
<!--                                <li class="Aug-Header-menu-link active">-->
<!--                                    <a href="">分类</a>-->
<!--                                </li>-->
<!--                                <li class="Aug-Header-menu-link">-->
<!--                                    <a href="">视频</a>-->
<!--                                </li>-->
<!--                                <li class="Aug-Header-menu-link">-->
<!--                                    <a href="">游戏</a>-->
<!--                                </li>-->
<!--                                <li class="Aug-Header-menu-link">-->
<!--                                    <a href="">鱼吧</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                    </div>-->



<!--                    <div class="Aug-HeaderNav"></div>-->
<!--                    &lt;!&ndash;                        头右&ndash;&gt;-->
<!--                    <div class="Aug-Header-right">-->
<!--                        <div class="Aug-Header-follow-wrap">-->
<!--                            <div class="Aug-DropPane Follow">-->
<!--                                <div class="Aug-public-DropMenu">-->
<!--                                    <a class="Aug-public-DropMenu-link" href="">-->
<!--                                            <span>-->
<!--                                                <i class="Aug-DropPane-icon Follow-icon">关注</i>-->
<!--                                            </span>-->
<!--                                    </a>-->

<!--                                    &lt;!&ndash;                                        <div class="public-DropPan-drop">&ndash;&gt;-->
<!--                                    &lt;!&ndash;                                            <div class="public-DropPan-drop-main">&ndash;&gt;-->
<!--                                    &lt;!&ndash;                                                <div>&ndash;&gt;-->
<!--                                    &lt;!&ndash;                                                    <div class="DropPane-none">&ndash;&gt;-->
<!--                                    &lt;!&ndash;                                                        <i></i>&ndash;&gt;-->
<!--                                    &lt;!&ndash;                                                        <p>你的关注列表空空如也</p>&ndash;&gt;-->
<!--                                    &lt;!&ndash;                                                    </div>&ndash;&gt;-->
<!--                                    &lt;!&ndash;                                                </div>&ndash;&gt;-->
<!--                                    &lt;!&ndash;                                            </div>&ndash;&gt;-->
<!--                                    &lt;!&ndash;                                        </div>&ndash;&gt;-->

<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="Aug-Header-download-wrap">-->
<!--                            <div class="Aug-Download">-->
<!--                                <div class="Aug-public-DropMenu">-->
<!--                                    <a class="Aug-public-DropMenu-link" href="">-->
<!--                                            <span>-->
<!--                                                客户端-->
<!--                                            </span>-->
<!--                                    </a>-->
<!--                                </div>-->
<!--                            </div>-->

<!--                        </div>-->


<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </header>-->
    <div id="Aug-nav" class="Aug-nav">
        <div class="Aug-nav-header">
            <div class="Aug-header-left">
                <div class="Aug-left-logo">
                    <div class="Aug-logo">
                        <a href="">
                            <img id="Aug-logo-douyu" src="../static/imgs/logo.ico" alt="">
                        </a>
                    </div>
                    <div class="Aug-text"></div>
                </div>
                <div class="Aug-left-text">
                    <div class="Aug-text">
                        <div class="Aug-list">
                            <a href="">首页</a>
                        </div>
                        <div class="Aug-list">
                            <a href="../live_streaming/live_streaming.html">直播</a>
                        </div>
                        <div id="classify" class="Aug-list">
                            <a href="../classify/classify.html">分类</a>
                        </div>
                        <div class="Aug-list">
                            <a href="../vadio/vadio.html">视频</a>
                        </div>
                        <div class="Aug-list">
                            <a href="../game/game.html">游戏</a>
                        </div>
                        <div class="Aug-list">
                            <a href="../fish_forum/fish_forum.html">鱼吧</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Aug-header-right">
                <div class="Aug-search-box">
                    <div class="Aug-search">
                        <div class="Aug-input">
                            <input type="text" class="Aug-input-text">
                        </div>
                        <div class="Aug-magnifier">
                            <i class="iconfont icon-fangdajing"></i>
                        </div>
                    </div>
                </div>
                <div class="Aug-follow">
                    <div class="Aug-follow-icon">
                        <i class="iconfont icon-guanzhu"></i>
                    </div>
                    <div class="Aug-follow-text">
                        <p class="Aug-text">关注</p>
                    </div>
                </div>
                <div class="Aug-show">
                    <div class="Aug-follow-show">
                        <i class="iconfont icon-kaibo"></i>
                    </div>
                    <div class="Aug-follow-text">
                        <p class="Aug-text">开播</p>
                    </div>
                </div>
                <div class="Aug-client">
                    <div class="Aug-follow-client">
                        <i class="iconfont icon-kehuduanguanli"></i>
                    </div>
                    <div class="Aug-follow-text">
                        <p class="Aug-text">客户端</p>
                    </div>
                </div>
                <div class="Aug-loginin">
                    <a href="../personal_center/personal_center.html"><img class="Aug-loginin-png" src="../static/imgs/dengLu.png" alt=""></a>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function () {
            $(window).scroll(function () {
                if($(document).scrollTop() >= $(".Aug-nav").height()) {
                    $(".Aug-nav").css("visibility","hidden");
                }else {
                    $(".Aug-nav").css("visibility","visible");
                }
            })
        })
    </script>
    <!--侧边栏；-->
    <aside class="Aug-layout-Aside">
        <div class="Aug-Aside-main-expand">
            <div class="Aug-Aside-container">
                <div style="width: 100%; height: 100%; overflow: hidden; position: relative;">
                    <div class="Aug-Aside-view" style="left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; margin-right: -16px; margin-bottom: -16px; position: absolute;">
                        <div class="Aug-Aside-nav">
                            <a class="Aug-Aside-nav-item" href="">
                                <div class="Aug-icon-wrapper">
                                    <i class="iconfont icon-aixin"></i>
                                </div>
                                <strong>我的关注</strong>
                            </a>
                            <a class="Aug-Aside-nav-item" href="">
                                <div class="icon-wrapper">
                                    <i class="iconfont icon-biaoqian"></i>
                                </div>
                                <strong>排行榜</strong>
                            </a>
                            <a class="Aug-Aside-nav-item" href="">
                                <div class="Aug-icon-wrapper">
                                    <i class="iconfont icon-shubiao"></i>
                                </div>
                                <strong>页游中心</strong>
                            </a>
                            <a class="Aug-Aside-nav-item" href="">
                                <div class="Aug-icon-wrapper">
                                    <i class="iconfont icon-trophy"></i>
                                </div>
                                <strong>赛事</strong>
                            </a>
                            <a class="Aug-Aside-nav-item" href="">
                                <div class="Aug-icon-wrapper">
                                    <i class="iconfont icon-bodanguanli"></i>
                                </div>
                                <strong>播单</strong>
                            </a>
                        </div>
                        <div class="Aug-Aside-menu">
                            <div class="Aug-Aside-menu-block">
                                <div class="Aug-Aside-menu-head">
                                    <a class="Aug-Aside-menu-whole" href="">全部+</a>
                                    <a class="Aug-Aside-menu-title" href="">网游竞技</a>
                                </div>
                                <div class="Aug-Aside-menu-list">
                                    <a class="Aug-Aside-menu-item" title="英雄联盟" href="">英雄联盟</a>
                                    <a class="Aug-Aside-menu-item" title="绝地求生" href="">绝地求生</a>
                                    <a class="Aug-Aside-menu-item" title="Dota2" href="">Dota2</a>
                                    <a class="Aug-Aside-menu-item" title="穿越火线" href="">穿越火线</a>
                                    <a class="Aug-Aside-menu-item" title="DNF" href="">DNF</a>
                                    <a class="Aug-Aside-menu-item" title="炉石传说" href="">炉石传说</a>
                                    <a class="Aug-Aside-menu-item" title="CS:GO" href="">CS:GO</a>
                                    <a class="Aug-Aside-menu-item" title="使命召唤" href="">使命召唤</a>
                                    <a class="Aug-Aside-menu-item" title="lol云顶之弈" href="">lol云顶之</a>
                                    <a class="Aug-Aside-menu-item" title="魔兽争霸" href="">魔兽争霸</a>
                                    <a class="Aug-Aside-menu-item" title="魔兽怀旧" href="">魔兽怀旧</a>
                                    <a class="Aug-Aside-menu-item" title="自走棋" href="">自走棋</a>
                                    <a class="Aug-Aside-menu-item" title="VALORANT" href="">VALORANT</a>
                                    <a class="Aug-Aside-menu-item" title="守望先锋" href="">守望先锋</a>
                                    <a class="Aug-Aside-menu-item" title="DOTA" href="">DOTA</a>
                                    <a class="Aug-Aside-menu-item" title="魔兽世界" href="">魔兽世界</a>
                                    <a class="Aug-Aside-menu-item" title="剑网3" href="">剑网3</a>
                                    <a class="Aug-Aside-menu-item" title="逆战" href="">逆战</a>
                                </div>
                            </div>
                            <div class="Aug-Aside-menu-block">
                                <div class="Aug-Aside-menu-head">
                                    <a class="Aug-Aside-menu-whole" href="">全部+</a>
                                    <a class="Aug-Aside-menu-title" href="" style="margin-left: 8px">单机热游</a>
                                </div>
                                <div class="Aug-Aside-menu-list">
                                    <a class="Aug-Aside-menu-item" title="主机游戏" href="">主机游戏</a>
                                    <a class="Aug-Aside-menu-item" title="逃离塔科夫" href="">逃离塔科</a>
                                    <a class="Aug-Aside-menu-item" title="盗贼之海" href="">盗贼之海</a>
                                    <a class="Aug-Aside-menu-item" title="拾遗迹" href="">拾遗迹</a>
                                    <a class="Aug-Aside-menu-item" title="对马岛之魂" href="">对马岛之</a>
                                    <a class="Aug-Aside-menu-item" title="超猎都市" href="">超猎都市</a>
                                    <a class="Aug-Aside-menu-item" title="怪物猎人" href="">怪物猎人</a>
                                    <a class="Aug-Aside-menu-item" title="怀旧游戏" href="">怀旧游戏</a>
                                    <a class="Aug-Aside-menu-item" title="格斗游戏" href="">格斗游戏</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </aside>
    <!--主布局-->
    <main class="layout-Main" id="allCate">
        <section class="layout-Module">
            <div>
                <div class="layout-Module-head js-module-head ">
                    <h2 class="layout-Module-title firstCate-title">全部分类</h2>
                    <div class="layout-Module-extra">
                        <div class="search">
                            <input class="search-ipt" type="text" placeholder="分区搜索" value="">
                            <div class="search-btn"></div>
                        </div>
                    </div>
                    <div class="layout-Module-filter js-firstCate-con is-more ">
                        <div class="layout-Module-filter-list js-firstCate-list">
                            <a class="layout-Module-label is-active" data-cate1id="0">
                                <strong>推荐分类</strong>
                            </a>
                            <a class="layout-Module-label " data-cate1id="1">
                                <strong>网游竞技</strong>
                            </a>
                            <a class="layout-Module-label " data-cate1id="15">
                                <strong>单机热游</strong>
                            </a>
                            <a class="layout-Module-label " data-cate1id="9">
                                <strong>手游休闲</strong>
                            </a>
                            <a class="layout-Module-label " data-cate1id="2">
                                <strong>娱乐天地</strong>
                            </a>
                            <a class="layout-Module-label " data-cate1id="8">
                                <strong>颜值</strong>
                            </a>
                            <a class="layout-Module-label " data-cate1id="11">
                                <strong>科技文化</strong>
                            </a>
                            <a class="layout-Module-label " data-cate1id="20">
                                <strong>语音互动</strong>
                            </a>
                            <a class="layout-Module-label " data-cate1id="18">
                                <strong>语音直播</strong>
                            </a>
                            <a class="layout-Module-label " data-cate1id="13">
                                <strong>正能量</strong>
                            </a>
                            <a class="layout-Module-label " data-cate1id="19">
                                <strong>京斗云</strong>
                            </a>
                        </div>
                        <a class="layout-Module-filter-more firstCateList-more js-firstCate-more">
                            <i>
                            </i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="layout-Module-container layout-Classify categoryBox js-cate1 js-cate1-tjfl-0" data-cate1id="0">
                <div class="categoryBox-head">
                    <h4 class="categoryBox-title">推荐分类</h4>
                </div>
                <ul class="layout-Classify-list">
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_wh" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/218ffdb59fde52753dee7f3f2f8524f9.png">
                                </div>
                            </i>
                            <strong>文化</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>360.8万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_LOL" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/7e189c7fedb3aa96e84d9fefcc892ec1.png">
                                </div>
                            </i>
                            <strong>英雄联盟</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>4367.3万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_jdqs" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/08dcd21b98a6b71bb1d37b0c30376734.png">
                                </div>
                            </i>
                            <strong>绝地求生</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>4061.5万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_wzry" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/04b858bc1b3f401508574469909f3729.png">
                                </div>
                            </i>
                            <strong>王者荣耀</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>7140.7万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_DNF" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/83647da52bbb6f459706f99e0655764f.png">
                                </div>
                            </i>
                            <strong>DNF</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>1311.4万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_TVgame" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/6b1ca7930ebf10c660f46dfda64a3f64.png">
                                </div>
                            </i>
                            <strong>主机游戏</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>2179.4万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_hpjy" target="_blank"><i class="secondCateCard-icon">
                            <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/58234eb001b58e4b0b71d6aa4a818ebe.png">
                            </div>
                        </i>
                            <strong>和平精英</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>3026万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_DOTA2" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/a274c2feced94f2e543ffdd7abc7718b.png">
                                </div>
                            </i>
                            <strong>DOTA2</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>909.4万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_CF" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/5b397dea80ff81ce753c7a804da8c8a2.png">
                                </div>
                            </i>
                            <strong>穿越火线</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>1172.9万</span>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="layout-Module-container layout-Classify categoryBox js-cate1 js-cate1-PCgame-1" data-cate1id="1">
                <div class="categoryBox-head">
                    <h4 class="categoryBox-title">网游竞技</h4>
                </div>
                <ul class="layout-Classify-list">
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_LOL" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/7e189c7fedb3aa96e84d9fefcc892ec1.png">
                                </div>
                            </i>
                            <strong>英雄联盟</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>4367.3万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_jdqs" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/08dcd21b98a6b71bb1d37b0c30376734.png">
                                </div>
                            </i>
                            <strong>绝地求生</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>4061.5万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_CF" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/5b397dea80ff81ce753c7a804da8c8a2.png">
                                </div>
                            </i>
                            <strong>穿越火线</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>1172.9万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_COD" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/a184836e114db124347b36b702a17638.png">
                                </div>
                            </i>
                            <strong>使命召唤</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>692.5万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_DNF" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/83647da52bbb6f459706f99e0655764f.png">
                                </div>
                            </i>
                            <strong>DNF</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>1311.4万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_DOTA2" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/a274c2feced94f2e543ffdd7abc7718b.png">
                                </div>
                            </i>
                            <strong>DOTA2</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>909.4万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_How" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/26dcbc48176c50af34948385545ae6da.png">
                                </div>
                            </i>
                            <strong>炉石传说</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>269.5万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_CSGO" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/998e401fc6fcb9f9b27f66e4a7600f86.png">
                                </div>
                            </i>
                            <strong>CS:GO</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>834.8万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_VALORANT" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad is-visible DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://sta-op.douyucdn.cn/dycatr/94701504720fb986ae5b331f7035f670.png">
                                </div>
                            </i>
                            <strong>VALORANT</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>545.8万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_ms" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://shark2.douyucdn.cn/front-publish/sdk-file-master/all_cate_default@2x_fc75dd6.png">
                                </div>
                            </i>
                            <strong>美食</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>305.4万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_ip" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://shark2.douyucdn.cn/front-publish/sdk-file-master/all_cate_default@2x_fc75dd6.png">
                                </div>
                            </i>
                    <strong>原创IP</strong>
                    <div class="secondCateCard-hot">
                        <i class="secondCateCard-hot-icon">
                            <svg xmlns="http://www.w3.org/2000/svg">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                            </svg>
                        </i>
                        <span>377.9万</span>
                    </div>
                </a>
                </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_jyhd" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://shark2.douyucdn.cn/front-publish/sdk-file-master/all_cate_default@2x_fc75dd6.png">
                                </div>
                            </i>
                            <strong>互动交友</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>2688.7万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_dance" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://shark2.douyucdn.cn/front-publish/sdk-file-master/all_cate_default@2x_fc75dd6.png">
                                </div
                                ></i>
                            <strong>舞蹈</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>1041.2万</span>
                            </div>
                        </a>
                    </li>
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_QSH" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://shark2.douyucdn.cn/front-publish/sdk-file-master/all_cate_default@2x_fc75dd6.png">
                                </div>
                            </i>
                            <strong>趣生活</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>177.5万</span>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="layout-Module-container layout-Classify categoryBox js-cate1 js-cate1-yz-8" data-cate1id="8">
                <div class="categoryBox-head">
                    <h4 class="categoryBox-title">颜值</h4>
                </div>
                <ul class="layout-Classify-list">
                    <li class="layout-Classify-item">
                        <a class="layout-Classify-card secondCateCard" href="/g_yz" target="_blank">
                            <i class="secondCateCard-icon">
                                <div class="LazyLoad DyImg secondCateCard-img">
                                    <img class="DyImg-content is-normal " src="https://shark2.douyucdn.cn/front-publish/sdk-file-master/all_cate_default@2x_fc75dd6.png">
                                </div>
                            </i>
                            <strong>颜值</strong>
                            <div class="secondCateCard-hot">
                                <i class="secondCateCard-hot-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#hot_93c9876" />
                                    </svg>
                                </i>
                                <span>4370.8万</span>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="layout-Module-container layout-Classify categoryBox js-cate1 js-cate1-kjwh-11" data-cate1id="11">
                <div class="categoryBox-head">
                    <h4 class="categoryBox-title">科技文化</h4>
                </div><ul class="layout-Classify-list">

            </ul>
            </div>
        </section>
    </main>
</section>
</body>
</html>
